<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>JS改变HTML属性  </title>
</head>
<body>
<p>在本例中，JavaScript 改变了图像的 src 属性值。</p>

<button onclick="document.getElementById('myImage').src='img_1.png'">开灯</button>

<img id="myImage" border="0" src="img.png" style="text-align:center;">

<button onclick="document.getElementById('myImage').src='img.png'">关灯</button>
</body>
</html>